<!DOCTYPE html>
<html manifest="cache.appcache">
<html>
<head>
    <title>Welcome | RSS Reader</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link href="css/style.css" rel="stylesheet" />
    <link href="css/idangerous.swiper.css" rel="stylesheet" />
    <link href="css/idangerous.swiper.scrollbar.css" rel="stylesheet" />
    <link href="css/themes/default/jquery.mobile-1.3.1.min.css" rel="stylesheet" />
    <script type="text/javascript" src="../shared/scripts/jquery.js"></script>
    <script type="text/javascript" src="../shared/scripts/sprintf.js"></script>
    <script type="text/javascript" src="../shared/scripts/scripts.js"></script>
    <script type="text/javascript" src="../shared/scripts/Database.js"></script>
    <script type="text/javascript" src="../shared/scripts/SavedFeeds.js"></script>
    <script type="text/javascript" src="scripts/jquery.mobile-1.3.1.js"></script>
    <script type="text/javascript" src="scripts/idangerous.swiper.js"></script>
    <script type="text/javascript" src="scripts/idangerous.swiper.scrollbar-1.2.js"></script>
    <script type="text/javascript" src="scripts/mobile.js"></script>
</head>
<body>
<div data-role="page" id="home">
    <div data-role="content" class="index-content">
        <h2>
            RSS Offline Reader
        </h2>
        <img src="../shared/img/logo_small.png" />
        <h2>
            Read your RSS feeds on the go!
        </h2>
        <a data-icon="arrow-r" data-role="button" data-iconpos="left" id="main-login" data-rel="dialog" href="#login-dialog">Login</a>
        <a data-role="button" href="SignUp.html" data-transition="slide" data-icon="edit" data-iconpos="left" id="main-register">Register</a>

    </div>
</div>
<div data-role="page" id="login-dialog">
    <div data-role="header">
        <h2>Login</h2>
    </div>
    <div data-role="content">
        <!-- <form target="#" id="main-login-form"> -->
            <label for="login-username">Email</label>
            <input type="text" id="login-username" placeholder="Email">
            
            <label for="login-password">Password</label>
            <input type="password" id="login-password" placeholder="Password">
            
            <div id="login-error"></div>
            <div data-role="control-group" data-type="horizontal">
                <a data-role="button" data-rel="back" id="login-cancel">Cancel</a>
                <button type="submit" id="login-button" data-theme="b">Login</button>
                
            </div>
        <!-- </form> -->
    </div>
</div>
</body>
</html>
